// main 过度
// .main-enter-active 进入时激活
// .main-leave-active 离开时时激活
// .main-enter 进入的起点
// .main-leave 离开的起点
// .main-enter-to 进入的终点
// .main-leave-to 离开的终点


/* main */
.main-enter-active,
.main-leave-active {
  opacity: 0;
  transition: all .4s;
}

.main-enter,.main-leave-to{
  opacity: 0;
  transform: translateX(50px);
}

.main-leave,.main-enter-to {
  opacity: 1;
  transform: translateX(0px);
}

/* breadcrumb */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  opacity: 0;
  transition: all .4s;
}

.breadcrumb-enter,.main-leave-to{
  opacity: 0;
  transform: translateX(50px);
}

.breadcrumb-leave,.main-enter-to {
  opacity: 1;
  transform: translateX(0px);
}